<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>th 属性演示文档</title>
    <link rel="stylesheet" href="" th:href="@{/Jeff/css/common.css}">
</head>
<body>
<div>
    Thymeleaf attr 属性演示 一次可以指定多个属性
    <img th:attr="src=${img.imgAddress},alt=${img.altMsg},title=${img.altMsg}">图片</img>
</div>
<br>
<div style="background-color: yellowgreen">
    Thymeleaf th* 属性演示 一次指定一个,可以指定多个属性
    <p th:text="${student.name}" th:title="${student.phoneNumber}">name</p>
</div>
<br>
<div style="background-color: gray">
    Thymeleaf th:if 条件为true时, 显示; 否则不显示
    <p th:if="false">名字是: [[${student.name}]]</p>
    <p th:if="${student}">[[${student.phoneNumber}]]</p>
    <p th:if="${student.age>=18}" th:text="${student.age}">age</p>
</div>
<br>
<div style="background-color: blueviolet">
    Thymeleaf th:switch 属性 和java中的switch语句等效,有条件地显示匹配的内容,通常配合th:case
    <div th:switch="${switchFlag}">
        <p th:case="a">Case 1</p>
        <p th:case="b">Case 2</p>
        <p th:case="c">Case 3</p>
        <p th:case="*">Case 4</p>
    </div>

</div>


</body>
</html>